<!--用车部门事故确认-->
<template>
	<view class="page_all">
		<view class="page_titleArea">
			<view class="page_title_line">
				<view class="page_title_line_left" @click="leftClick()"><image src="../../static/all/back_white.png" style="width:50rpx;height:50rpx;"></image></view>
				<view class="page_title_line_middle">还车_事故确认</view>
				<view class="page_title_line_left"></view>
			</view>
		</view>
		<view class="page_contentArea" style="background-color:#F7F7F7;">
			<view class="space_80"></view>
			<view class="input_box_title">
				<view class="input_box_title_L">
					<image src="../../static/all/r_msg.png" style="width:45rpx;height:45rpx;"></image>
					<span style="padding: 10rpx;"></span>还车时存在问题描述：
				</view>
				<view class="input_box_title_R"></view>
			</view>
			<view class="r_message">{{remark}}</view>
			<view class="space_80"></view>
			<view class="input_box_title">
				<view class="input_box_title_L">
					<image src="../../static/all/r_wenti.png" style="width:45rpx;height:45rpx;"></image>
					<span style="padding: 10rpx;"></span>存在问题照片
				</view>
				<view class="input_box_title_R"></view>
			</view>
			<view class="r_return_img"> <!--显示图片部分-->
				<view class="img_box_small" v-for="(item,index) in accessEventAppendixList" :key="index">
					<image :src="item.url" class="img_small" @click="imgPreview(accessEventAppendixList)"></image>
				</view>
				<view class="space_25"></view>
			</view>
			<view class="space_180"></view>
			<!--提交按钮行-->
			<view v-if="btn==1" class="form_btn" @click="form_task_progress_submit()">已知晓</view>
			<view v-if="btn==0" class="form_btn btn_notClick">执行中……</view>
			<view class="space_80"></view>
		</view>
	</view>
</template>

<script>
	import utils from "@/utils/business/services.js";
	export default {
		data() {
			return {
				/***************************以下是问题确认相关变量****************************/
				accessTaskId: "", //用于接收页面传参（申请单任务id）
				accessEventAppendixList:[], //用于保存事故图片
				remark: "", //用于保存事故描述
				form_task_progress: {
					accessTaskId: '', //任务id
					status: 'able', //本步骤结论
				},
				/***************************以上是问题确认相关变量****************************/
				//防重复提交
				btn: 1, //0：不可用  1：可用（默认可用）
				
				//在此之上补充变量
			}
		},
		watch: {},
		onLoad(option) {
			getApp().globalData.query_flag=0; //在子页面（提交成功后需要刷新父页面）中将刷新控制变量置为0
			
			if(JSON.stringify(option)!="{}"){
				this.accessTaskId=option.accessTaskId;
			}
			this.getTask_progress(); //取流程
		},
		onShow() {},
		methods: {
			/******************************以下是通用方法*********************************/
			//顶部导航回退箭头点击触发
			leftClick(){
				utils.pageBack();
			},
			/******************************以上是通用方法*********************************/
			/******************************以下是业务方法*********************************/
			//获取申请单流程进度（有用）
			getTask_progress(){
				var that=this;
				var params={
					"accessTaskId":that.accessTaskId,
					"withAppendix":true, //获取附件
					"pageSize":1000,
					"pageNum":1,
				};
				utils.listProgress(params).then(res => {
					console.log('获取申请单流程进度的返回值==',res); 
					if(res.data.status=="success"){
						var tArr=res.data.rows; //保存处理前的任务轨迹
						for(var i=0;i<tArr.length;i++){
							if(tArr[i].event.indexOf("有事故")!=-1){
								that.accessEventAppendixList=tArr[i].accessEventAppendixList;
								that.remark=tArr[i].remark;
							}
						}
					}
					if(res.data.status=="error"){
						let msg=res.data.message;
						uni.navigateTo({
							url:'/pages/error/error?errorMsg='+msg 
						}) 
					}
				}).catch(error => {
					uni.navigateTo({
						url:'/pages/error/error?errorMsg='+error
					})
				})
			},
			//主提交方法
			form_task_progress_submit(){
				var that=this;
				that.form_task_progress.accessTaskId=that.accessTaskId;
				console.log("事故确认提交的参数==",that.form_task_progress);
				uni.showModal({
						title: '提示',
						content: '确认部门已知晓本次事故？',
						success: function(res) {
							if (res.confirm) {
								that.btn=0; //按钮置为不可用
								utils.accidentConfirmEvent(that.form_task_progress).then(res => {
									console.log('事故确认接口的返回值==',res); 
									that.btn=1; //无论成功与否按钮均置为可用
									if(res.data.status=="success"){
										getApp().globalData.query_flag=1; //查询全局控制变量(避免列表页面重复查询2次)
										uni.showToast({
											title:'操作成功！',
											icon: 'success'
										});
										setTimeout(() => {
											//关闭当前页，刷新列表页面
											utils.pageBack();
										}, 1000); //显示toast 500毫秒之后执行
									}
									if(res.data.status=="error"){
										let msg=res.data.message;
										uni.navigateTo({
											url:'/pages/error/error?errorMsg='+msg 
										}) 
									}
								}).catch(error => {
									uni.navigateTo({
										url:'/pages/error/error?errorMsg='+error
									})
								})
							} 
							else {
								//执行取消后的操作
							}
						}
					})//uni.showModal结束
			},
			
			//预览数组集合中的图片
			imgPreview(accessEventAppendixList) {
				utils.imgPreview(accessEventAppendixList);
			},
			/******************************以上是业务方法**********************************/
			/*********************在此之上补充方法**********************/
		},
	}
</script>
<style lang="scss">
@import '../../common/css/page.css'; 
@import '../../common/css/b_form.css';
@import '../../common/css/review.css';
</style>